<template>
  <div class="container-dashboard">
    <Analysis />
    <Sales />
    <Monitor />
  </div>
</template>

<script>
import Analysis from './analysis'
import Sales from './sales'
import Monitor from './monitor'
import { mapActions } from 'vuex'
export default {
  name: 'Dashboard',
  components: {
    Analysis,
    Sales,
    Monitor
  },
  mounted() {
    this.getHomeList()
  },
  methods: {
    ...mapActions('home', ['getHomeList'])
  }
}
</script>

<style lang="sass" scoped>
.container-dashboard
  padding: 10px
</style>
